<script lang="ts">

    import Header from '$component/Header/Header.svelte';
	
	import Hero from './Hero.svelte';
	import Features from './Features.svelte';
    import Products from './Products.svelte'
    import Service from './Service.svelte';
    import About from './About.svelte';
    import Testimonials from './Testimonials.svelte';
    import Nambers from './Numbers.svelte'
	import CallToAction from './CallToAction.svelte';
    import Contact from './Contact.svelte'



    import Footer from '$component/Footer/Footer.svelte'
	import Numbers from './Numbers.svelte';

</script>

<!-- <Header/> -->
<!-- <main> -->
<!--     <section id="home"><h1 class="text-8xl">Home</h1></section> -->
<!--     <section id="products"><h1 class="text-8xl">Products</h1></section> -->
<!--     <section id="service"><h1 class="text-8xl">Service</h1></section> -->
<!--     <section id="about"><h1 class="text-8xl">About us</h1></section> -->
<!--     <section id="contact"><h1 class="text-8xl">Contact us</h1></section> -->
<!-- </main> -->


<main>
    <!-- <Hero/> -->
    <!-- <Features/>  -->
    <Products/>  
    <!-- <Service/>  -->
    <!-- <About/>   -->
    <!-- <Testimonials/>  -->
    <!-- <Numbers/>  -->
    <!-- <Contact/>  -->
    <!-- <CallToAction/>  -->
</main>
<!-- <Footer/> -->


